﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteAdmin.Master" Inherits="System.Web.Mvc.ViewPage<Beeldbankmvc.Models.CollectionModel>" %>

<%@ Import Namespace="Beeldbankmvc.Code" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">Thema aanpassen</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% Html.RenderAction("AdminMenu", "Miscellaneous"); %>
    <h2>Thema aanpassen</h2>
    <% using (Html.BeginForm("Edit", "Collection", FormMethod.Post, new { enctype = "multipart/form-data" }))
       {%>
    <%: Html.ValidationSummary(true) %>
    <fieldset style="border: 0px;">
        <legend style="display: none;">Velden</legend>
        <div class="editor-label">
            <label>
                <span style="width: 15px">
                    <img title="Geef de naam van het thema" src="<%=AppHelper.getContent("~/Content/images/help.gif") %>" alt="Geef de naam van het thema"
                        style="border-width: 0px;" />
                </span><span>Naam:</span>
            </label>
            <br />
            <div class="Help" style="display: none;">
                <span>Geef de naam van het thema</span>
            </div>
        </div>
        <div class="editor-field">
            <%: Html.TextAreaFor(model => model.Name)%>
            <%: Html.ValidationMessageFor(model => model.Name) %>
        </div>
        <div class="editor-label">
            <label>
                <span style="width: 15px">
                    <img title="Geef een duidelijke beschrijving van het thema (dit is de tooltip die getoond wordt op de site)"
                        src="<%=AppHelper.getContent("~/Content/images/help.gif") %>" alt="Geef een duidelijke beschrijving van het thema (dit is de tooltip die getoond wordt op de site)"
                        style="border-width: 0px;" />
                </span><span>Beschrijving:</span>
            </label>
            <br />
            <div class="Help" style="display: none;">
                <span>Geef een duidelijke beschrijving van het thema (dit is de tooltip die getoond
                    wordt op de site)</span>
            </div>
        </div>
        <div class="editor-field">
            <%: Html.TextAreaFor(model => model.Description)%>
            <%: Html.ValidationMessageFor(model => model.Description) %>
        </div>
        <div class="editor-label">
            <label>
                <span style="width: 15px">
                    <img title="Geef de trefwoorden die onder meer horen bij dit thema" src="<%=AppHelper.getContent("~/Content/images/help.gif") %>"
                        alt="Geef de trefwoorden die onder meer horen bij dit thema" style="border-width: 0px;" />
                </span><span>Trefwoorden:</span>
            </label>
            <br />
            <div class="Help" style="display: none;">
                <span>Geef de trefwoorden die onder meer horen bij dit thema</span>
            </div>
        </div>
        <div class="editor-field">
            <%: Html.TextAreaFor(model => model.Keywords, 5, 50, null)%>
            <%: Html.ValidationMessageFor(model => model.Keywords) %>
        </div>

        <div class="editor-label">
            <label>
                <span style="width: 15px">
                    <img title="Geef aan of dit thema getoond moet worden in de App" src="<%=AppHelper.getContent("~/Content/images/help.gif") %>"
                        alt="Geef aan of dit thema getoond moet worden in de App" style="border-width: 0px;" />
                </span><span>Toon in App:</span>
            </label>
            <br />
            <div class="Help" style="display: none;">
                <span>Geef aan of dit thema getoond moet worden in de App</span>
            </div>
        </div>
        <div class="editor-field">
            <%
            if (Model.AppApproved != null)
            {
                if (Model.AppApproved == true)
                {
                    %>
                    <input type="checkbox" name="AppApproved" checked="checked" value="true" />
                    <%
                }
                else
                { 
                    %>
                    <input type="checkbox" name="AppApproved" value="true" />
                    <%     
                }
            }
            else
            {
                %>
                <input type="checkbox" name="Collection.AppApproved" value="true" />
                <% 
            }
            %>
        </div>

        <div class="editor-label">
            <label>
                <span style="width: 15px">
                    <img title="Geef een foto die dit thema visueel weergeeft" src="<%=AppHelper.getContent("~/Content/images/help.gif") %>"
                        alt="Geef een foto die dit thema visueel weergeeft" style="border-width: 0px;" />
                </span><span>Foto:</span>
            </label>
            <br />
            <div class="Help" style="display: none;">
                <span>Geef een foto die dit thema visueel weergeeft</span>
            </div>
        </div>
        <div class="editor-field">
            <input type="file" id="File1" name="imageUpload" size="23" />
            <br />
            <%=Url.Image<Beeldbankmvc.Controllers.CollectionController>(c => c.DisplayTheme(Model.Id), 150)%>
        </div>

        <div>
            <input type="submit" value="Opslaan" />
            | <a href="<%= Url.Action("Index", "Collection") %>">
                <img src="<%=AppHelper.getContent("~/Content/images/list.jpg") %>" alt="Terug naar het overzicht" />
                Terug naar het overzicht</a>
        </div>
    </fieldset>
    <% } %>
</asp:Content>
